html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
ul,li{
  list-style: none;
}
.none{
  display: none;
}
.float:after, .float:before ,.list_group:after,.list_group:before{
  display: table;
  content: " ";
  clear: both;
}
.float .left{
  float: left;
}
.float .right{
  float: right;
}
.inline-block{
  display: inline-block;
}
.list_group{
  li{
    float: left;
    text-align: center;
    span{
      display: block;
      font-size: 12px;
    }
  }
}

.border-left{
  border-left: 1px solid #ccc;
}